<template>
  <div class="page flex align-center justify-center flex-column">
    <img :src="signImg" class="signimg" alt="" />
    <div class="mt-80 f-size-36">欢迎使用交通信息发布系统</div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      obj: {},
      rules: {
        time: [
          {
            type: "array",
            validator: (rule, value, callback) => {
              if (!value) {
                callback("请选择时间范围");
              }
            },
          },
        ],
      },
      signImg: require("@/assets/images/sign.png"),
    };
  },
  computed: {},
  methods: {
    onSubmit() {
      this.$refs["obj"].validate((valid) => {
        if (valid) {
          alert("submit!");
        } else {
          return false;
        }
      });
    },
  },
  created() {},
};
</script>

<style lang="scss" scoped>
.page {
  background: linear-gradient(132deg, #ffffff 1%, #fffbf5 59%);
  height: calc(100vh - 130px);
  .signimg {
    width: 360px;
    height: 105px;
  }
}
</style>
